<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>words</title>
    <script src='items.js'></script>
    <script src='https://zitee2.gitee.io/lib/js/util.js'></script>
    <script>
function make_words_table(items){
  t=cewith('table',[['border',1]]);
  t.style.width='100%';
  t.append(cewith('col',[['id','fr'],['width','23%']]));
  t.append(cewith('col',[['id','wc'],['width','15%']]));
  t.append(cewith('col',[['id','cn'],['width','62%']]));
  items.forEach(function(item,i){
    row=cewith('tr',[['id','row'+i],['class','row']]);
    if(i%5==0){row.style.backgroundColor='silver'}
    row.append(cewith('td',[['innerHTML',item[0]],['class','fr']]));
    row.append(cewith('td',[['innerHTML',item[1]],['class','wc']]));
    row.append(cewith('td',[['innerHTML',item[2]],['class','cn']]));
    t.append(row);
  });
  return t;
}
    </script>
  </head>
  <body>
    <div id='words'></div>
    <script>
words_div=gid('words');
words_div.append(make_words_table(items));
    </script>
  </body>
</html>
